{% extends "base.html" %}

{% block title %}首页 - 康复预测系统{% endblock %}

{% block content %}
<div class="row justify-content-center mt-5">
    <div class="col-md-8 text-center">
        <h1 class="display-4 mb-4">肢体康复周期预测系统</h1>
        <p class="lead mb-5">基于人工智能的康复周期预测与进度跟踪平台</p>
        
        <div class="row">
            <div class="col-md-6 mb-4">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <i class="fas fa-user-md fa-4x text-primary mb-3"></i>
                        <h3 class="card-title">医护端</h3>
                        <p class="card-text">患者管理、康复预测、进度跟踪、数据分析</p>
                        <a href="/doctor" class="btn btn-primary btn-lg">进入医护端</a>
                    </div>
                </div>
            </div>
            
            <div class="col-md-6 mb-4">
                <div class="card h-100">
                    <div class="card-body text-center">
                        <i class="fas fa-user fa-4x text-success mb-3"></i>
                        <h3 class="card-title">患者端</h3>
                        <p class="card-text">个人康复计划、进度查看、提醒通知</p>
                        <a href="/patient" class="btn btn-success btn-lg">进入患者端</a>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="mt-5">
            <h3>系统特色功能</h3>
            <div class="row mt-4">
                <div class="col-md-3">
                    <i class="fas fa-brain fa-2x text-info"></i>
                    <h5>AI预测</h5>
                    <p>基于机器学习的康复周期精准预测</p>
                </div>
                <div class="col-md-3">
                    <i class="fas fa-chart-line fa-2x text-warning"></i>
                    <h5>数据可视化</h5>
                    <p>实时康复进度图表分析</p>
                </div>
                <div class="col-md-3">
                    <i class="fas fa-bell fa-2x text-danger"></i>
                    <h5>智能提醒</h5>
                    <p>康复计划执行提醒</p>
                </div>
                <div class="col-md-3">
                    <i class="fas fa-shield-alt fa-2x text-success"></i>
                    <h5>风险评估</h5>
                    <p>康复过程中的风险预警</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}